
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录</title>
		<meta name="viewport" content="width=device-width">
        <link rel="stylesheet" type="text/css" href="/stylesheets/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="/stylesheets/phone.css" />
		<script type="text/javascript" src="/javascripts/jquery-3.4.1.min.js"></script>
        <script type="text/javascript" src="/javascripts/bootstrap.min.js"></script>
		<style type="text/css">
			
			.main img{
				width: 140px;
			}
			.title{
				line-height: 50px;
			}
			.title p{
				font-size: 18px;
			}
		</style>
	</head>
	<body>
		<div class="main">
			<div class="d-flex align-items-center justify-content-around">
				<img src="images/logo.png" alt="" />
				<h1 class="title text-center">登陆<p>李鑫从没有去过南方，就像你从没有爱过我一样。</p></h1>
			</div>
			<form action="login" method="post" class="">
				<div class="form-group ">
					<label for="account">账号:</label>
					<input type="text" name="account" class="form-control" placeholder="请输入账号" />
				</div>
				<div class="tips row">
					<div class="col-3"></div>
					<p id='tips-account'></p>
				</div>

				<div class="form-group ">
					<label for="account">密码:</label>
					<input type="password" name="password" class="form-control" placeholder="请输入密码" />
				</div>
				<div class="tips row">
					<div class="col-3"></div>
					<p id='tips-password'></p>
				</div>

				<div class="form-group p-2 d-flex align-items-center">
					<input id="log_btn" class="mr-auto w-50 p-1" type="submit" value="登录" />
					<a href="register" id="to_register">注册</a>
				</div>
			</form>
		</div>
		<script>
			let d = <%- JSON.stringify(messages) %>;
			d.forEach((item)=>{
				document.getElementById(item.type).innerText = item.msg;
			})
		</script>
	</body>
</html>
<% removeMessage() %>